﻿@model FlyingCircusWebIS.ViewModels.ReservaVM.ReservaProcurarVM

@{
    ViewBag.Title = "Procurar passagem";
}

<div id="outraspg">
    @using (Html.BeginForm("Procurar", "Reserva", FormMethod.Get, new { id = "pesquisarvoo" }))
    {
        <div class="conteudodivs">
            <div class="filtro-listagem-geral">
                <dl class="filtro-listagem">
                    <dd>
                        @Html.LabelFor(m => m.CidadeOrigem)
                        @Html.TextBoxFor(m => m.CidadeOrigem, new { placeholder = "Digite a origem" })
                    </dd>
                    <dd>
                        @Html.LabelFor(m => m.CidadeDestino)
                        @Html.TextBoxFor(m => m.CidadeDestino, new { placeholder = "Digite o destino" })
                    </dd>
                </dl>
                <dl class="filtro-listagem">
                    <dd>
                        @Html.LabelFor(m => m.DataInicial)
                        @Html.TextBoxFor(m => m.DataInicial, new { @class = "datetimepicker-pt-br" })
                    </dd>
                    <dd>
                        @Html.LabelFor(m => m.DataFinal)
                        @Html.TextBoxFor(m => m.DataFinal, new { @class = "datetimepicker-pt-br" })
                    </dd>
                </dl>
                <input class="enviar" type="submit" value="Procurar" />
            </div>

        </div>
    }

    @{
        if (Model.TotalRegistros > 0)
        {
        <div class="vooconteudo">
            @foreach (var item in Model.Registros)
            {
                <div class="pesqvoo" onclick="window.location.href='@Url.Action("Reservar", "Reserva", new { id = item.IdVoo })'">

                    <div style="background-color: #34495e; height: 16px; color: #FFF">
                        <div style="float: left; padding-left: 5px;"><strong>@item.NomeVoo</strong></div>
                        <div style="text-align: right; padding-right: 5px;">@item.DataPartida.ToLongDateString()</div>
                    </div>
                    <div class="lefticon"></div>
                    <div class="vooinfo">
                        <p class="titulo-voo">
                            De: @item.AeroportoPartida.Cidade.NomeCidade - @item.AeroportoPartida.NomeAeroporto<br />
                            <img class="no-border" src="../../Imagens/clock.png" />
                            @item.DataPartida.ToShortTimeString()
                        </p>

                        <p>Tempo de voo: @(@item.DataChegada - @item.DataPartida) </p>

                        <p class="titulo-voo">
                            Para: @item.AeroportoChegada.Cidade.NomeCidade - @item.AeroportoChegada.NomeAeroporto<br />
                            <img class="no-border" src="../../Imagens/clock.png" />
                            @item.DataChegada.ToShortTimeString()
                        </p>
                    </div>
                    <div class="precovoo">
                        <p style="text-align: center;">
                            @Html.ActionLink("Por " + item.PrecoBaseReservaFormatado + "  Comprar", "Reservar", new { id = item.IdVoo })
                        </p>
                    </div>
                </div>

            }
        </div>
        <div class="pagedList clear">
            @Html.PagedListPager(Model.Registros, pagina => Url.Action("Procurar",
                        new { pagina, CidadeOrigem = Model.CidadeOrigem, CidadeDestino = Model.CidadeDestino, DataInicial = Model.DataInicial, DataFinal = Model.DataFinal }),
                PagedListRenderOptions.ClassicPlusFirstAndLast)
        </div>
        }
        else
        {
        <p>Não existe nenhuma passagem para o critério informado.</p>
        }
    }
</div>
@{
    // TODO mover o CSS abaixo para o arquivo de CSS    
}


@section css
{
    @Styles.Render("~/Content/css/formulario")
}

@section scripts 
{
    <script type="text/javascript">

        $(document).ready(function () {


            //Configuração do plugin dateTimePicker
            jQuery(".datetimepicker-pt-br").datetimepicker({
                lang: 'pt',
                format: 'd/m/Y',
                minDate: 0,
                timepicker: false
            });
        });

    </script>
}